<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>叩丁狼客户关系管理系统-会员管理</title>
    <%@ include file="/WEB-INF/views/common/common.jsp" %>
    <script type="text/javascript" src="/static/js/system/member.js"></script>
</head>
<body>
<!--会员列表-->
<div id="mem_top" class="easyui-layout" fit="true">
    <div data-options="region:'north'" style="height:200px;">
        <div id="dic_layout" class="easyui-layout" fit="true">
            <div data-options="region:'west'" style="width:700px;">
                <div id="dic_layout_left" class="easyui-layout" fit="true">
                    <div data-options="region:'west'" style="width:300px;">
                        <h2>今天过生日的会员有:</h2>
                        <p align="center" style="font-size:40px"><span id="brithday">0</span>名</p>
                        <h4>本月还有<span id="brithmonth">0</span>位会员过生日</h4>
                    </div>
                    <div data-options="region:'center'">
                        <div data-options="region:'west'" style="width:300px;">
                            <h2>总会员:</h2>
                            <p align="center" style="font-size:40px"><span id="totalMem">0</span>人</p>
                        </div>
                    </div>
                </div>
            </div>
            <div data-options="region:'center'">
                <div id="dic_layout_right" class="easyui-layout" fit="true" style="width:800px;height: 200px">
                    <div data-options="region:'west'" style="width:360px;">
                        <div data-options="region:'west'" style="width:350px;">
                            <h2>累计总消费:</h2>
                            <p align="center" style="font-size:40px"><span id="totalA">0</span>元</p>
                        </div>
                    </div>
                    <div data-options="region:'center'">
                        <div data-options="region:'west'" style="width:200px;">
                            <h2>消费排行榜:</h2>
                            <p align="left" style="font-size:15px">第一名:<span id="num1">无</span>￥<span id="money1">0</span></p>
                            <p align="left" style="font-size:15px">第二名:<span id="num2">无</span>￥<span id="money2">0</span></p>
                            <p align="left" style="font-size:15px">第三名:<span id="num3">无</span>￥<span id="money3">0</span></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div data-options="region:'center'">
        <table id="member_datagrid"></table>
    </div>
</div>
<!--会员工具栏-->
<div id="tb">
    <a href="JavaScript:;" class="easyui-linkbutton" data-cmd="add"
       data-options="iconCls:'icon-add',plain:true">添加</a>
    <a href="JavaScript:;" class="easyui-linkbutton" data-cmd="edit"
       data-options="iconCls:'icon-edit',plain:true">编辑</a>
    <a href="JavaScript:;" class="easyui-linkbutton" data-cmd="remove"
       data-options="iconCls:'icon-remove',plain:true">删除</a>
    <a href="JavaScript:;" class="easyui-linkbutton" data-cmd="reload"
       data-options="iconCls:'icon-reload',plain:true">刷新</a>
    <input class="easyui-textbox" id="keyword">
    <a href="JavaScript:;" class="easyui-linkbutton" data-cmd="searchT"
       data-options="iconCls:'icon-search',plain:true">查询</a>
    <a href="JavaScript:;" class="easyui-combobox" id="moveMemBer">移动分组</a>
</div>
<!--会员的添加与编辑对话框-->
<div id="member_dialog">
    <form id="editForm" method="post">

        <input type="hidden" name="id" id="empId">

        <table align="center" style="margin-top: 20px;
                border-collapse:separate; border-spacing:0px 10px;">
            <tr>
                <td>会员卡号:</td>
                <td><input name="cardNum" id="cardNum"/></td>
            </tr>
            <tr>
                <td>会员姓名:</td>
                <td><input name="name" id="name"/></td>
            </tr>

            <tr>
                <td>手机号:</td>
                <td><input name="tel" id="tel"/></td>
            </tr>
            <tr>
                <td>会员密码:</td>
                <td><input class="easyui-passwordbox" name="password"/></td>
            </tr>
            <tr>
                <td>会员称谓:</td>
                <td><input class="easyui-combobox" name="sex" data-options="
                        editable:false,
                        required:true,
                         valueField: 'id',
                         textField: 'name',
                         data: [{
                             id: '1',
                             name: '女士'
                         },{
                             id: '0',
                             name: '先生'
                         }],
                         panelHeight:'auto'
                         "/>
            </tr>
            <tr>
                <td>会员等级:</td>
                <td><input name="memberGrade.id" id="memberGrade"/></td>
            </tr>
            <tr>
                <td>会员分组:</td>
                <td><input name="group.id" id="memberGroup"/></td>
            </tr>
            <tr>
                <td>QQ号码:</td>
                <td><input class="easyui-textbox" name="qq"/></td>
            </tr>
            <tr>
                <td>会员微信:</td>
                <td><input class="easyui-textbox" name="weixin"/></td>
            </tr>
            <tr>
                <td>电子邮箱:</td>
                <td><input class="easyui-textbox" name="email"/></td>
            </tr>
            <tr>
                <td>会员地址:</td>
                <td><input class="easyui-textbox" name="address"/></td>
            </tr>
            <tr>
                <td>会员生日:</td>
                <td><input name="birthday" id="birthday"/></td>
            </tr>
        </table>
    </form>
</div>

<!--编辑与添加对话框的按钮-->
<div id="bb">
    <a href="JavaScript:;" class="easyui-linkbutton"
       iconCls="icon-save" data-cmd="save">保存</a>
    <a href="JavaScript:;" class="easyui-linkbutton"
       iconCls="icon-cancel" data-cmd="cancel">关闭</a>
</div>
</body>
</html>
